<!DOCTYPE html>
<html>
<head>
  <title></title>
  <!--[if lt IE 9]>
  <meta http-equiv="refresh" content="0;ie.html" />
  <![endif]-->

  <link rel="shortcut icon" href="__STATIC__/layout/favicon.ico">
   <link href="__STATIC__/layout/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
  <link href="__STATIC__/layout/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
  <link href="__STATIC__/layout/css/animate.css" rel="stylesheet">
  <link href="__STATIC__/layout/css/style.css?v=4.1.0" rel="stylesheet">
  <link href="__STATIC__/layout/css/channel.css?v=4.1.0" rel="stylesheet">
      <link rel="stylesheet" href="__STATIC__/layout/css/demo.css" type="text/css">
    <link href="__STATIC__/layout/css/gyq.css" rel="stylesheet">
 
  <!-- Sweet Alert -->
  <link href="__STATIC__/layout/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
  <!-- Sweet alert -->

</head>
<body class="white-bg" style="color:#333;padding:3px;overflow-x: auto;">
 <!-- 标题 -->
    <div class="page-heade">
        <h2 class="title_color text-center">销量库存汇报查询</h2>
    </div>
    <!-- 标题 -->
<div class="row-margin-top" >
<form role="form" id="form1" class="form-inline" method="get" action="#">
  <table class="table-bordered table bud_hei">
    <tr>
      <td class="text-right">产品系列：</td>
      <td><input type="text" class="form-control"></td>
      <td class="text-right">产品名称：</td>
      <td><input type="text" class="form-control"></td>
      <td class="text-right">姓名：</td>
      <td><input type="text" class="form-control"></td>
    </tr>
    <tr>
      <td class="text-right">汇报网点：</td>
      <td><input type="text" class="form-control" name="" id=""></td>
      <td class="text-right">汇报日期：</td>
      <td>
          <div class="form-group">
            <input type="text" id="start" class="form-control layer-date " style="min-width:120px;width:120px;display: inline-block;" name="">
           </div>
            <div class="form-group">
                至
            </div>
           <div class="form-group">
            <input type="text" class="form-control layer-date" style="min-width:120px;width:120px;display: inline-block;" id="end" name="">
           </div>
      </td>
        <td class="text-right">所属分区：</td>
      <td><input type="text" class="form-control" name="" id=""></td>
    </tr>
    <tr>
        <td class="text-right">所属省份：</td>
        <td><input type="text" class="form-control" name="" id=""></td>
        <td class="text-right">所属城市：</td>
        <td><input type="text" class="form-control" name="" id=""></td>
    </tr>
    <tr>
      <td colspan="6" class="text-center">
          <button class="btn-sm btn-info btn">查询</button><span class="lr_5"></span><button class="btn-sm btn-info btn" type="reset" id="reset">清空查询条件</button>  <span class="lr_5"></span><button class="btn btn-info btn-sm" type="button">导出Excel</button>
      </td>
    </tr>
  </table>
    </form>
  </div>
 
    <table class="table table-striped table-bordered table-hover bud_hei text-center" id="editable">
      <tr class="info">
        <td style="min-width: 40px">No.</td>
        <td style="min-width: 60px">姓名</td>
        <td style="min-width: 110px">手机号码</td>
        <td style="min-width: 110px">汇报网点编号</td>
        <td style="min-width: 180px">汇报网点名称</td>
        <td style="min-width: 120px">产品编号</td>
        <td style="min-width: 120px">产品系列</td>
        <td style="min-width: 140px">产品名称</td>
        <td style="min-width: 80px">当前库存</td>
        <td style="min-width: 80px">销量</td>
        <td style="min-width: 80px">单价(元)</td>
        <td style="min-width: 100px">销售金额(元)</td>
        <td style="min-width: 80px">单位</td>
        <td style="min-width: 120px">汇报日期</td>
        <td style="min-width: 100px">所属分区</td>
        <td style="min-width: 100px">所属省份</td>
        <td style="min-width: 100px">所属城市</td>
      </tr>
      <tr>
        <td>1</td>
        <td>杨洋</td>
        <td>13588888888</td>
        <td>S000000045</td>
        <td class="text-left">福州家乐福松岗分店01</td>
        <td>201509290001</td>
        <td>纯葵花籽油</td>
        <td class="text-left">西部人纯葵花籽油1L</td>
        <td class="text-right">21</td>
        <td class="text-right">25</td>
        <td class="text-right">45.00</td>
        <td class="text-right ObjectNum">1125</td>
        <td>桶</td>
        <td>2018-02-02</td>
        <td>东南大区</td>
        <td>福建省</td>
        <td>福州市</td>
      </tr>
    </table>

    <h5 class="text-center"  style="font-size: 13px;font-weight: 500">
                    总共有12条记录，第1/2页,当前页<input id="page" type="text"  style="width: 40px" value="1"/><span id="gopage">Go</span>&nbsp;&nbsp;<span id="fistpage">首页</span>&nbsp;&nbsp;
                    每页显示
                    <select id="pagesize">
                        <option value='10' selected>10条</option>
                        <option value='15'>15条</option>
                        <option value='20'>20条</option>

                    </select>
                </h5>
 <!-- <h3 class="text-center"><img src="__STATIC__/layout/img/zwsj.png"></h3> -->
 <script src="__STATIC__/layout/js/jquery.min.js"></script>
  <script src="__STATIC__/layout/js/plugins/sweetalert/sweetalert.min.js"></script>
  <!-- layer javascript -->
  <script src="__STATIC__/layout/js/plugins/layer/layer.min.js"></script>
 <script src="__STATIC__/layout/js/plugins/layer/laydate/laydate.js"></script>
 <script src="__STATIC__/layout/js/common.js"></script>

</body>
</html>
<script>
     //日期范围限制
        var start = {
            elem: '#start',
            format: 'YYYY/MM/DD',
            min: laydate.now(), //设定最小日期为当前日期
            max: '2099-06-16 23:59:59', //最大日期
            istime: true,
            istoday: false,
            choose: function (datas) {
                end.min = datas; //开始日选好后，重置结束日的最小日期
                end.start = datas //将结束日的初始值设定为开始日
            }
        };
        var end = {
            elem: '#end',
            format: 'YYYY/MM/DD',
            min: laydate.now(),
            max: '2099-06-16 23:59:59',
            istime: true,
            istoday: false,
            choose: function (datas) {
                start.max = datas; //结束日选好后，重置开始日的最大日期
            }
        };
        laydate(start);
        laydate(end);
 $('#reset').on('click',function () {
            $("#form1 input").each(function(){
                $(this).val('');
            });
            $("#form1 select").each(function(){
                $(this).val('');
            });
            $('#form1').submit()
            return false
        })

   $(document).ready(function(){
          var $ObjectNum =$(".ObjectNum");
             toNum($ObjectNum);
        })

</script>